/**
 * Hidden fields allow you to easily inject additional data into a {@link Ext.form.Panel form} 
 * without displaying additional fields on the screen. This is often useful for sending dynamic 
 * or previously collected data back to the server in the same request as the normal form
 * submission. 
 * For example, here is how we might set up a form to send back a hidden userId field:
 *
 *     @example
 *     var form = Ext.create('Ext.form.Panel', {
 *         fullscreen: true,
 *         items: [
 *             {
 *                 xtype: 'fieldset',
 *                 title: 'Enter your name',
 *                 items: [
 *                     {
 *                         xtype: 'hiddenfield',
 *                         name: 'userId',
 *                         value: 123
 *                     },
 *                     {
 *                         xtype: 'checkboxfield',
 *                         label: 'Enable notifications',
 *                         name: 'notifications'
 *                     }
 *                 ]
 *             }
 *         ]
 *     });
 *
 * In the form above we created two fields - a hidden field and a 
 * {@link Ext.field.Checkbox check box field}. Only the check box will be visible, but both fields 
 * will be submitted. Hidden fields cannot be tabbed to - they are removed from the tab index so 
 * when your user taps the next/previous field buttons the hidden field is skipped over.
 *
 * It's easy to read and update the value of a hidden field within a form. Using the example 
 * above, we can get a reference to the hidden field and then set it to a new value in 2 lines
 * of code:
 *
 *     var userId = form.down('hiddenfield')[0];
 *     userId.setValue(1234);
 */
Ext.define('Ext.field.Hidden', {
    extend: 'Ext.field.Input',
    alternateClassName: 'Ext.form.Hidden',
    xtype: 'hiddenfield',

    /**
     * @cfg
     * @hide
     */
    inputType: 'hidden',

    hidden: true,

    classCls: Ext.baseCSSPrefix + 'hiddenfield'
});
